/* @flow */

import React, { Component } from 'react';
import {
  View,
  Text,
  ScrollView,
  StyleSheet,
} from 'react-native';

import ZhouGuaView from '../CommonViews/ZhouGuaView'
import styleUtil from '../../StyleUtil'
export default class DetailPage extends Component {
  render() {
    return (

      <View style={[styles.container]}>

        <View style={[{backgroundColor: 'rgb(237, 88, 59)',flexDirection: 'row',justifyContent: 'center'},{flexDirection: 'column',alignItems: 'center'}]}>
          <ZhouGuaView style={{width:200, height:200}}></ZhouGuaView>

        </View>

      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection:'column',
    justifyContent: 'center'

  },
});
